<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/index.css"/>
		<style type="text/css">
			.complate-margin{
				margin: 10px;
			}
		</style>
	</head>

	<body>
		<!-- 侧滑导航根容器 -->
		<div class="mui-off-canvas-wrap mui-draggable">
		  <!-- 菜单容器 -->
		  <aside class="mui-off-canvas-left">
		    <div class="mui-scroll-wrapper">
		      <div class="mui-scroll mune-font">
		        <!-- 菜单具体展示内容 -->
		        <h1>教务系统APP</h1>
		        <p>&nbsp;&nbsp;&nbsp;&nbsp;文字描述</p>
		        <ul class="mui-table-view">
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right" href="newsList.html">新闻通知公告</a>
				    </li>
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right">课程管理</a>
				    </li>
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right">课程设计管理</a>
				    </li>
				</ul>
		      </div>
		    </div>
		  </aside>
		  <!-- 主页面容器 -->
		  <div class="mui-inner-wrap">
		    <!-- 主页面标题 -->
		    <header id="header" class="mui-bar mui-bar-nav">
				<h1 class="mui-title" style="margin: 0 10px;">信息化推进办公室张彦合同付款信息化信息化推进办公室张彦合同付款信息化</h1>
				<button class="mui-action-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav" style="font-size: 16px;">返回</span>
				</button>
				<button class="mui-btn mui-btn-blue mui-btn-link mui-pull-right">编辑</button>
			</header>
		    <div class="mui-content mui-scroll-wrapper">
		      <div class="mui-scroll">
		        <!-- 主界面具体展示内容 -->
		        <div class="mui-card">
					<div class="mui-card-header">这里写标题还是在头部</div>
					<div class="mui-card-content">
						<div class="mui-card-content-inner">
							包含页眉页脚的卡片，页眉常用来显示面板标题，页脚用来显示额外信息或支持的操作（比如点赞、评论等）
						</div>
					</div>
					<div class="mui-card-footer">
						<!--评论-->
				        <!--判定左右-->
				        <ul class="mui-table-view" style="">
							<li class="mui-table-view-cell mui-media">
								<div>
									<a href="#">
										<img class="mui-media-object mui-pull-left" src="../images/shuijiao.jpg">
									</a>
									<div class="mui-media-body">
										<a href="#">幸福</a>
										<p class='mui-ellipsis'>能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
										<!---->
										<hr />
										<a href="javascript:;">
											<img class="mui-media-object mui-pull-right" src="../images/yuantiao.jpg">
											<div class="mui-media-body">
												远眺
												<p class='mui-ellipsis'>静静的看这个世界，最后终于疯了</p>
											</div>
										</a>
										<hr />
										<a href="javascript:;">
											<img class="mui-media-object mui-pull-left" src="../images/cbd.jpg">
											<div class="mui-media-body">
												CBD
												<p class='mui-ellipsis'>烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
											</div>
										</a>
									</div>
								</div>
							</li>
							<li class="mui-table-view-cell mui-media">
								<a href="javascript:;">
									<img class="mui-media-object mui-pull-left" src="../images/muwu.jpg">
									<div class="mui-media-body">
										木屋
										<p class='mui-ellipsis'>想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
									</div>
								</a>
							</li>
			
						</ul>
				        <!---->
					</div>
				</div>
			
		        
		        <form action="" class="complate-margin">
		        	<div class="mui-input-row">
						<div>评论</div>
						<textarea id="textarea" rows="5" placeholder="多行文本框"></textarea>
					</div>
		        	<div class="mui-button-row">
		        		<button type="button" class="mui-btn mui-btn-primary float-right">提交</button>
		        	</div>
		        </form>
		        <!-- content end -->
		      </div>
		    </div>  
		  </div>
		</div>
		
		<script src="../../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init();
		</script>
	</body>

</html>